 // variables.scss
$primary: #4361EE;
$primary-light: #A5B4FC;
$success: #22C55E;       // 标准成功色（绿色）
$success-light: #DCFCE7; // 浅色成功背景
$success-dark: #16A34A;  // 深色成功色
$error: #EF4444;        // 标准错误色（红色）
$error-light: #FEE2E2;  // 浅色错误背景（柔和的粉红色）
$error-dark: #DC2626;   // 深色错误色（更深的红色）
$primary-lighter: #E0E7FF;
$secondary: #3A0CA3;
$success: #10B981;
$warning: #F59E0B;
$danger: #EF4444;
$gray-50: #F9FAFB;
$gray-100: #F3F4F6;
$gray-200: #E5E7EB;
$gray-300: #D1D5DB;
$gray-400: #9CA3AF;
$gray-500: #6B7280;
$gray-600: #4B5563;
$gray-700: #374151;
$gray-800: #1F2937;
$gray-900: #111827;

// 阴影
$shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
$shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
$shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
$shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);
$shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.15);
$shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
$shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

// 圆角
$radius-sm: 4px;
$radius-md: 6px;
$radius-lg: 8px;
$radius-xl: 10px;

// 过渡
$transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);